<template>
  <mt-header fixed  :title="tab.title" style="height:70px" >
    <mt-button icon="back" slot="left" @click="$router.back()">返回</mt-button>
    <router-link :to="tab.rightPath" slot="right">
      <mt-button >{{tab.rightText}}</mt-button>
    </router-link>
  </mt-header>
</template>
<script>
  export default {
    props: {
      tab: {
        type: Object,
        default: function () {
          return {
            title: '', // 导航标题
            rightText: '', // 右侧文字
            rightPath: '',      // 右侧路由地址
            textColor: '#000000',      // 文字颜色
            backgroundColor: '#FFFFFF', // 背景颜色
          }
        }
      }
    }
  }
</script>
<style lang="scss">
  @import '../assets/style/common.scss';
  @import '../assets/style/back.scss';
</style>
